.domain-details-card {
	.flag {
		font-size: 11px;
		padding: 3px 10px 3px 5px;
		white-space: nowrap;

		&.is-warning {
			cursor: pointer;
		}
	}

	.edit__transfer-text-fail {
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 1em;
	}

	.edit__transfer-button-fail {
		display: block;
		margin: 10px 0;
		text-align: center;
		width: 100%;

		&.is-busy:disabled {
			border-color: var( --color-neutral-10 );
			color: var( --color-neutral-50 );
		}

		@include breakpoint( '>480px' ) {
			display: inline-block;
			width: auto;
		}
	}

	@include breakpoint( '>480px' ) {
		.edit__transfer-button-fail-margin {
			margin-left: 15px;
		}
	}
}

@mixin domain_status_color( $color ) {
	border-top: 5px solid $color;
	> div.domain-status__icon {
		color: $color;
		> svg {
			fill: $color;
		}
	}
}

.domain-types__container {
	.status-success {
		@include domain_status_color( #008a20 );
	}
	.status-pending {
		@include domain_status_color( #3582C4 );
	}
	.status-warning {
		@include domain_status_color( #B69000 );
	}
	.status-error {
		@include domain_status_color( #C9356E );
	}

	.domain-status__card {
		h2 {
			font-size: 32px;
			overflow: hidden;
			text-overflow: ellipsis;

			@include breakpoint( '<480px' ) {
				&.mobile-m {
					font-size: 28px;
				}
				&.mobile-l {
					font-size: 24px;
				}
				&.mobile-xl {
					font-size: 20px;
				}
				&.mobile-xxl {
					font-size: 16px;
				}
			}

			@include breakpoint( '>480px' ) {
				&.desktop-m {
					font-size: 28px;
				}
				&.desktop-l {
					font-size: 24px;
				}
				&.desktop-xl {
					font-size: 20px;
				}
				&.desktop-xxl {
					font-size: 16px;
				}
			}
		}

		> .domain-status__icon {
			font-size: 16px;
			display: flex;
			align-items: center;
			border-bottom: 0;
			padding-bottom: 0;
			> svg {
				margin-right: 5px;
			}
		}

		.mapped-domain-type__small-message {
			font-size: 14px;
		}


		> div {
			margin-bottom: 1.5em;
			border-bottom: 1px solid var( --color-border-subtle );
			padding-bottom: 1.5em;
			> p:last-child {
				margin-bottom: 0;
			}
		}

		> div:last-child {
			margin-bottom: 0;
			border-bottom: 0;
			padding-bottom: 0.5em;
		}
	}

	.domain-types__expiration-row {
		display: flex;
		align-items: center;
		.renew-button {
			margin-left: 10px;
		}
		> div:nth-last-child( 2 ) {
			margin-right: auto;
		}
	}

	.subscription-settings {
		margin-top: 0;
	}
}
